<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5 测试版本</title>
</head>
<style>
.movie{
	position:fixed;
	-webkit-transition:background .08s;
	/*
	-webkit-transition-name: x-spin;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	*/
	top:0px;
	background:#fff;
	height:20px;
}
</style>
<script>
var t = 0;
var o = null;
function on_focus(o){
	o.style.height = '200px';
}
function on_blur(o){
	o.style.height = '20px';
}
function on_click(oo){
	o = oo;
	t = 0;
	set_color();
}

function set_color(){
	var color = ['#eee', '#fff'];
	if(t>7){ t=0; return; }
	var c = color[t%2];
	//$(o).css('background', c);
	o.style.background = c;
	t++;
	try{
		setTimeout(set_color, 80);
	}catch(e){ alert(e); }
}
</script>
<body>
<div class="movie" onClick="on_click(this);">
asfasdfasdffdadf
</div>
</body>
</html>
